<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>Document</title>
 <link rel="stylesheet" href="../assets/lib/layui/css/layui.css">
 <link rel="stylesheet" href="../assets/css/article/art_list.css">
</head>

<body>
 <div class="layui-card">
  <div class="layui-card-header">文章列表</div>
  <div class="layui-card-body">
   <form class="layui-form" id="form-search">
    <div class="layui-form-item layui-inline">

      <select name="cate_id">

      </select>

    </div>

    <div class="layui-form-item layui-inline">
     
      <select name="state">
       <option value="">所有状态</option>
       <option value="0">已发布</option>
       <option value="1">草稿</option>
      </select>
     
    </div>


    <div class="layui-form-item layui-inline">
      <button class="layui-btn" lay-submit lay-filter="formDemo">筛选</button>
    </div>
   </form>
   <!-- 列表区域 -->
   <table class="layui-table">
    <colgroup>
     <col />
     <col width="150" />
     <col width="180" />
     <col width="150" />
     <col width="150" />
    </colgroup>
    <thead>
     <tr>
      <th>文章标题</th>
      <th>分类</th>
      <th>发表时间</th>
      <th>状态</th>
      <th>操作</th>
     </tr>
    </thead>
    <tbody>

    </tbody>
   </table>

   <div id="pageBox"></div>
  </div>
 </div>
</body>

<script type="text/html" id="tpl-cate">
 <option value="">所有分类</option>
 {{each data}}
         <option value="{{$value.Id}}">{{$value.name}}</option>
 {{/each}}
 </script>


<script type="text/html" id="tpl-table">
 {{each data}}
 <tr>
   <th>{{$value.title}}</th>
   <th>{{$value.cate_name}}</th>
   <th>{{$value.pub_date|dataFormat}}</th>
   <th>{{$value.state}}</th>
   <th>
       <button type="button" class="layui-btn  layui-btn-xs">编辑</button>
       <button type="button" class="layui-btn  layui-btn-danger layui-btn-xs btn-delete" data-id={{$value.Id}}>删除</button></th>
    </tr>
 {{/each}}
 </script>

<!-- 导入 layui 的js -->
<script src="../assets/lib/layui/layui.all.js"></script>
<!-- 导入 jQuery -->
<script src="../assets/lib/jquery.js"></script>
<!-- 导入 baseAPI -->
<script src="../assets/js/baseAPI.js"></script>
<script src="../assets/lib/template-web.js"></script>
<!-- 导入自己的 js -->
<script src="../assets/js/article/art_list.js"></script>

</html>